<style TYPE="text/css"> //############################## THIS CONTROLS TEXT COLOR AND FONT <!-- A:link {text-decoration: none; color:black; } A:visited {text-decoration: none; color:black; } A:active {text-decoration: none; color: #black; } A:hover {color: white; } A.ff {text-decoration: none; color: #000000; } A.ff:visited {text-decoration: none; color: #000000; } A.ff:hover {color:#FF0000; } A:ff.active {text-decoration: none; color: #000000; } --> </style> <style> //############################## MENU PROPERTIES CHANGE THEM <!-- #slidemenubar, #slidemenubar2{ position:absolute; left:-155px; width:160px; top:50px; border:1.5px solid black; background-color:#ffcb10; layer-background-color:#ffcb10; font:bold 10px Verdana; line-height:20px; padding:5,5,5,5; } --> </style>

<script language="JavaScript1.2"> if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Home" sitems[1]="Sample Link" sitems[2]="Sample Link" sitems[3]="Sample Link Below" sitems[4]="Scrollers" sitems[5]="Image Effects" sitems[6]="Links And Buttons" sitems[7]="Dynamic Clocks & Dates" sitems[8]="Text Animations" sitems[9]="Browser Window" sitems[10]="User System Information" sitems[11]="Cascading Style Sheets" sitems[12]="Other" //These are the links pertaining to the above text. sitemlinks[0]="index.htm" sitemlinks[1]="index.htm" sitemlinks[2]="index.htm" sitemlinks[3]="index.htm" sitemlinks[4]="index.htm" sitemlinks[5]="index.htm" sitemlinks[6]="index.htm" sitemlinks[7]="index.htm" sitemlinks[8]="index.htm" sitemlinks[9]="index.htm" sitemlinks[10]="index.htm" sitemlinks[11]="index.htm" sitemlinks[12]="index.htm" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } //################################## CHANGE 50 TO CONTROL SPEED MENU POPS OUT AT// function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=50 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=50 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script>